﻿<!DOCTYPE html>
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Lange Nacht der Wissenschaft</title>

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="Javascript/js.js"></script>

<script>
google.maps.event.addDomListener(window, 'load', getPos);
</script>

<link rel="stylesheet" type="text/css" href="CSS/main.css">

</head>
<body>

<div id="page">
    <div id="mapholder"></div>
    <div id="contentholder">
        <div class="events" id="uni" onclick='getSelectedEvent("Universität Konstanz","table");' style="top: 0">Universität Konstanz</div>
        <div class="events" id="htwg" onclick='getSelectedEvent("HTWG Konstanz","table");' style="top: 20%">HTWG Konstanz</div>
        <div class="events" id="mainau" onclick='getSelectedEvent("Insel Mainau","table");' style="top: 40%">Insel Mainau</div>
        <div class="events" id="phtg" onclick='getSelectedEvent("Kulturzentrum am Münster (Stadt und PHTG)","table");' style="top: 60%">Stadt und PHTG</div>
        <div class="events" id="all" onclick='getSelectedEvent("","table");' style="top: 80%">Alle Events</div>
        <div id="table">
            <script>
                getSelectedEvent("","table");
            </script>
        </div>
    </div>
    <div id="footer">
        <div class="foot" id="map" onclick="changeContent('map');"><img src="Images/karte.png"></div>
        <div class="foot" id="content" onclick="changeContent('content');"><img src="Images/uebersicht.png"></div>
        <div style="clear: both;"></div>
    </div>
    
</div>

</body>
</html> 